@charset "utf-8";
/**
 * Generic CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * For full copyright and license information, please see the LICENSE.txt
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       app.webroot.css
 * @license       http://www.opensource.org/licenses/mit-license.php MIT License
 */

.share{background:#f7f7f7;width:100%;height:auto;overflow:hidden;}
.share>.content{width:1190px;min-height:1200px;margin:0px auto;padding-top:20px;overflow:hidden;}
.share>.content .banner_pc {width:100%; height:70px; background:url(/images/share/guanggao.jpg) center center no-repeat;}
.share>.content .banner_ph{display:none; width:100%; height:auto;}
.share>.content .banner_ph img{width:100%;}
.share>.content>.top>p{font-size:14px;color:#656565;padding:18px 0;}
.share>.content>.top>p>a{color:#656565;}
.share>.content>.top>p>a:hover{color:#f29c9f;}
.share>.content>.top>.tag{width:100%;height:46px;background:#fae5c7;border-top:1px solid #fb9799;border-bottom:1px solid #fb9799;color:#666666;font-size:18px; line-height:46px;margin-bottom:20px;}
.share>.content>.top>.tag>h2{font-weight:bold !important;padding-left:20px;float:left;display:block;}
.share>.content>.top>.tag>h2>span{color:#a0a0a0;padding-left:14px;font-weight: 500;font-size:15px;}
.share>.content>.top>.tag>a{display:block;width:122px;height:37px;background:url(/images/share/fabiao.png) no-repeat;float:right;margin:5px 20px;}
.share>.content>.main{width:876px;height:auto;float:left;margin-bottom:60px;}
.share .main>.screen{width:100%;background:#fff;padding:29px 0 13px 0;overflow: hidden;}
.share .main>.screen>.category{margin:0 0 24px -4px;}
.share .main>.screen>.hos{margin-left:-4px;}
.share .main>.screen>.country>a,.share .main>.screen>.category>a,.share .main>.screen>.hos>a{color:#747474;font-size:14px;margin-left:30px;padding:2px 10px;border-radius:10px;}
.share .main>.screen>.country>a:hover,.share .main>.screen>.category>a:hover,.share .main>.screen>.hos>a:hover,.share .main>.screen>div>.add{color:#fff;background:#fb9799;}

.share .main>.screen>.country_ph{display:none;font-size:20px;color:#666666;padding: 0 0 25px 30px;margin-bottom: 21px;border-bottom:2px solid #eee;}
.share .main>.screen>.country_ph>a{margin-right:50px;padding-bottom:19px;}
.share .main>.screen>.country_ph>a:hover,.share .main>.screen>.country_ph>.add_ph{color:#fd787d;border-bottom:4px solid #fc787c;border-radius:2px;}



.share .patient {background:#fff; padding-left:26px;padding-right:26px;}
.share .patient>.pat_list{width:823px;margin:0px auto;overflow:hidden;}
.share .pat_list>li{width:100%;border-bottom:1px solid #eee;height:auto;overflow:hidden;}
.share .pat_list .pat_ls_left{width:61px;height:auto;float:left;margin:24px 24px 0 0;text-align:center;}
.share .pat_list .pat_ls_left>.toux{width:50px;height:50px;border-radius:50%;margin: 0 auto;}
.share .pat_list .pat_ls_left>.name{margin-top: 3px;font-size:12px;color:#656565;text-align: center;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
.share .pat_list .pat_ls_left>.icon{font-size:14px;color:#fff;background-color:#fb9799;border-radius:10px;padding:1px 10px;}
.share .pat_list .pat_ls_left>em{font-size:18px;color:#939393;padding-right:15px;display:none;}

.share .pat_list .pat_ls_right{width:738px;height:auto;float:right;margin:36px 0 17px 0;}
.share .pat_list .pat_ls_right h5{font-size: 16px;color: #323232;line-height: 16px;margin-bottom: 14px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
.share .pat_list .pat_ls_right>p{font-size:14px;color:#888;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
.share .pat_list .pat_img{overflow:hidden;}
.share .pat_list .pat_img>img{float:left;margin:14px 13px 0px 0;width:195px;height:185px;}
.share .pat_list .lable{display:none;font-size:12px;color:#fb9799;padding-left:20px;background:url(/images/share/dizhi.jpg) 0 3px no-repeat;float:left;margin-right:14px;}

.share .pat_list .pat_date{margin-top:16px;overflow:hidden;}
.share .pat_list .pat_date>.date{float:left;font-size:12px;color:#999;}
.share .pat_list .pat_date>.eyes{float:right;font-size:12px;color:#888;}
.share .pat_list .pat_date>.eyes>span{padding-left: 20px;width:30px;display: block;float: left;}
.share .pat_list .pat_date>.eyes>.eye{background:url(/images/hospital/y_1.png) 3px 4px no-repeat;}
.share .pat_list .pat_date>.eyes>.writing{background:url(/images/hospital/y_2.png) 3px 4px no-repeat;}
.share .pat_list .pat_date>.eyes>.up{background:url(/images/hospital/y_3.png) 3px 4px no-repeat;}


.share>.content>.fixed{width:290px;height:790px;float:right;}
.share .fixed>a>img{width:100%;height:auto;margin-bottom:20px;}

.share .fixed>.fixed_ranking{width:100%;height:auto;margin:50px 0 30px 0;}
.share .fixed>.fixed_ranking>span{font-size:16px;color:#676767;margin-right:45px;}
.share .fixed>.fixed_ranking>a{cursor: pointer;font-size:12px;color:#666;margin-left:20px;}
.share .fixed>.fixed_ranking>.rank_week{width:100%;overflow:hidden;background:url(/images/share/xiantiao1.png) no-repeat;}
.share .fixed>.fixed_ranking>.rank_total{width:100%;overflow:hidden;display:none;background:url(/images/share/xiantiao2.png) no-repeat;}
.share .fixed>.fixed_ranking li{padding: 25px 0 0 25px;width:100%;height:auto;overflow:hidden;}
.share .fixed>.fixed_ranking li:first-child::before{content:"1";font-size:40px;float:left;font-style:italic;color:#ff6a69;display:block;width:20px;height:40px;margin: 15px 0 0 -27px;}
.share .fixed>.fixed_ranking li:nth-child(2)::before{content:"2";font-size:40px;float:left;font-style:italic;color:#ff9966;display:block;width:20px;height:40px;margin: 15px 0 0 -27px;}
.share .fixed>.fixed_ranking li:nth-child(3)::before{content:"3";font-size:40px;float:left;font-style:italic;color:#fec22b;display:block;width:20px;height:40px;margin: 15px 0 0 -27px;}
.share .fixed>.fixed_ranking li img{float:left;width:50px;height:50px;border-radius:50%;margin:0 12px;}
.share .fixed>.fixed_ranking li div>p{font-size:14px;color:#707070;margin-bottom: 10px;width: 173px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.share .fixed>.fixed_ranking li div>em{font-size:13px;color:#a0a0a0;}



.share .main .more{width:100%;height:80px;background-color:#fff;text-align:center;line-height:80px;cursor:pointer;border-top: #eee 1px solid;}
.share .main .more>a{width:85px;background: url(/images/hospital/xiajiantou.jpg) 63px 7px no-repeat;padding-right:17px;font-size: 14px;color: #333333;}



@media screen and (min-width: 1190px) and (max-width: 1920px){
    
}

/*基于iPad(768px)和iPad Pro(1024px)尺寸*/
@media screen and (min-width: 641px) and (max-width: 1189px){
    .share>.content{width:100%;padding-top:0;}
    .share>.content>.fixed,.share .main>.screen>.hos,.share .top,.share>.content .banner_pc,.share .main>.screen>.country{display:none;}
    .share>.content .banner_ph{display:block;}
    .share>.content>.main {width:100%;}
    .share .main>.screen{padding: 21px 0 5px 0;}

    .share .main>.screen>.country_ph{display:block;font-size:18px;padding: 0 0 19px 15px;}
    .share .main>.screen>.country_ph>a {margin-right:20px;padding-bottom: 14px;}
    .share .main>.screen>.category>a:first-child{display:block;}
    .share .main>.screen>.category>a{color:#d59a9d!important;font-size:14px;border:1px solid #eef0f3;background:#fcecea;border-radius:16px;padding:3px 11px;display: -webkit-inline-box;float: left;margin:0 0 13px 15px;}
    /*患者评价  ph */
    .share .patient {margin-top: 14px; padding:0px;}
    .share .patient>.pat_list {width:94%;margin-top:15px;padding:0 3%;}
    .share .pat_list .pat_ls_left{float:none;margin:12px 0px 0 0;width:100%;text-align:left;}
    .share .pat_list .pat_ls_left>.toux{float:left;width:45px;height:45px;margin-right: 12px;}
    .share .pat_list .pat_ls_left>.name {font-size:14px;color: #323232;padding:0px;text-align:left;}
    .share .pat_list .pat_ls_left>.icon{display:none;}
    .share .pat_list .pat_ls_left>em{display:block;font-size:12px;}
    .share .pat_list .pat_ls_right{float:none;overflow:hidden;margin: 13px 0 10px 0;width:100%;}
    .share .pat_list .pat_ls_right h5{margin-bottom: 6px;font-size: 15px;}
    .share .pat_list .pat_ls_right>p {font-size:13px;line-height:20px;}
    .share .pat_list .pat_img{max-height:137px;overflow:hidden;}
    .share .pat_list .pat_img>img { margin: 10px 10px 0px 0;width:122px;height:127px;}
    .share .pat_list .pat_date {margin-top:9px;height: 18px;}
    .share .pat_list .pat_date>.date{display:none;}
    .share .pat_list .pat_date>.eyes {float:left;font-size:12px;color: #888888;width:100%;}
    .share .pat_list .pat_date>.eyes span{width:20px;display:block;float:left;padding:0 0 0 25px;}
    .share .pat_list .pat_date>.eyes>.eye {background: url(/images/hospital/t_1ph.jpg) 0 4px no-repeat;background-size:17px; }
    .share .pat_list .pat_date>.eyes>.writing {background: url(/images/hospital/t_2ph.jpg) 0 4px no-repeat;background-size:17px;margin-left: 35%;}
    .share .pat_list .pat_date>.eyes>.up {background: url(/images/hospital/t_3ph.jpg) 0 4px no-repeat;background-size:17px;float:right;}    .share .patient .more {height:45px;line-height:45px;}
    .wav_title{ display:block; }
    .head-nav,.comheader{ display: none; } 
    .share .main>.screen>.country>a:hover,.share .main>.screen>.category>a:hover,.share .main>.screen>.hos>a:hover,.share .main>.screen>div>.add{color:#fff!important;background:#fb9799;}
    .share>.content>.main{ margin-bottom: 0; }
}

/*基于iPone 6Plus(414px)尺寸*/
@media screen and (min-width: 320px) and (max-width: 640px){
    .share>.content{width:100%;padding-top:0;}
    .share>.content>.fixed,.share .main>.screen>.hos,.share .top,.share>.content .banner_pc,.share .main>.screen>.country{display:none;}
    .share>.content .banner_ph{display:block;}
    .share>.content>.main {width:100%;}
    .share .main>.screen{padding: 21px 0 5px 0;}

    .share .main>.screen>.country_ph{display:block;font-size:18px;padding: 0 0 19px 15px;}
    .share .main>.screen>.country_ph>a {margin-right:20px;padding-bottom: 14px;}
    .share .main>.screen>.category>a:first-child{display:block;}
    .share .main>.screen>.category>a{color:#d59a9d!important;font-size:14px;border:1px solid #eef0f3;background:#fcecea;border-radius:16px;padding:3px 11px;display: -webkit-inline-box;float: left;margin:0 0 13px 15px;}
    /*患者评价  ph */
    .share .patient {margin-top: 14px; padding: 0px;}
    .share .patient>.pat_list {width:94%;margin-top:15px;padding:0 3%;}
    .share .pat_list .pat_ls_left{float:none;margin:12px 0px 0 0;width:100%;text-align:left;}
    .share .pat_list .pat_ls_left>.toux{float:left;width:45px;height:45px;margin-right: 12px;}
    .share .pat_list .pat_ls_left>.name {font-size:14px;color: #323232;padding:0px;text-align:left;}
    .share .pat_list .pat_ls_left>.icon{display:none;}
    .share .pat_list .pat_ls_left>em{display:block;font-size:12px;}
    .share .pat_list .pat_ls_right{float:none;overflow:hidden;margin: 13px 0 10px 0;width:100%;}
    .share .pat_list .pat_ls_right h5{margin-bottom: 6px;font-size: 15px;}
    .share .pat_list .pat_ls_right>p {font-size:13px;line-height:20px;}
    .share .pat_list .pat_img{max-height:137px;overflow:hidden;}
    .share .pat_list .pat_img>img { margin: 10px 10px 0px 0;width:122px;height:127px;}
    .share .pat_list .pat_date {margin-top:9px;height: 18px;}
    .share .pat_list .pat_date>.date{display:none;}
    .share .pat_list .pat_date>.eyes {float:left;font-size:12px;color: #888888;width:100%;}
    .share .pat_list .pat_date>.eyes span{width:20px;display:block;float:left;padding:0 0 0 25px;}
    .share .pat_list .pat_date>.eyes>.eye {background: url(/images/hospital/t_1ph.jpg) 0 4px no-repeat;background-size:17px; }
    .share .pat_list .pat_date>.eyes>.writing {background: url(/images/hospital/t_2ph.jpg) 0 4px no-repeat;background-size:17px;margin-left: 35%;}
    .share .pat_list .pat_date>.eyes>.up {background: url(/images/hospital/t_3ph.jpg) 0 4px no-repeat;background-size:17px;float:right;}    .share .patient .more {height:45px;line-height:45px;}
    .wav_title{ display:block; }
    .head-nav,.comheader{ display: none; } 
    .share .main>.screen>.country>a:hover,.share .main>.screen>.category>a:hover,.share .main>.screen>.hos>a:hover,.share .main>.screen>div>.add{color:#fff!important;background:#fb9799;}
    .share>.content>.main{ margin-bottom: 0; }
}
